<template>
    <div>
        <el-menu router mode="horizontal" default-active="3">
            <el-menu-item index="/user/wddd3/myml">我的魔力值</el-menu-item>
            <el-menu-item index="/user/wddd3/mlmx">魔力值明细</el-menu-item>
        </el-menu>
        <el-main>
            <router-view/>
        </el-main>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.el-menu {
    display: block;
}
.el-menu-item {
    font-size: 17px;
    color: #000;
}
.el-menu-item.is-active {
    border-bottom: 3px solid red;
}
</style>